body {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	color: #FFFFFF;
	background: #000000;
}

#banner {
	position      : fixed;
    top           : 0;
    left		  : 0;
    height        : 98px;
    width         : 100%;
    background    : #000000 url(/images/banner.jpg) no-repeat center;
    z-index       : 2;
}

#spacer {
	clear		: both;
	height		: 100px;
	background	: #000000;
}

.content { }

.left {
    float: left;
    width: 25%;
    margin-right: 3%;
}

.middle {
	float: left;
	width: 500px;
}
.splash {
	width: 60%;
	height: auto;
	margin-left: 20%;
}

.room_image {
	width		: 100%;
	padding		: 10px;
	border-width: 5px;
	border-style: ridge;
	border-color: #A0A0A0;
	text-align	: center;
}

.room_description {
	padding-bottom: 50px;
}

.cutscene, .alert {font-size: 20px; color:yellow; font-weight: bold; font-style:italic}

.right {
    float: left;
    width: 25%;
    margin-left: 8%;
}

.room_inventory, .player_inventory {
	padding		: 10px;
	border-width: 5px;
	border-style: ridge;
	border-color: #A0A0A0;
	width		: 80%;
	float		: left;
}


.item {
	float	: left;
	margin	: 5px;
}

img {width:100%; height:auto; }

.victory { width:700px; }


.myButton {
    
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    
    background-color:#f9f9f9;
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    
    border:1px solid #dcdcdc;
    
    display:inline-block;
    color:#666666;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:4px 4px;
    text-decoration:none;
    width: 200px !important;
    
    text-shadow:0px 1px 0px #ffffff;
    
}
.myButton:hover {
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #000000));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #c3c3c3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    
    color:#000000;
    background-color:#e9e9e9;
}
.myButton:active {
    position:relative;
    top:1px;
}




.actions  { 
	padding		: 10px;
	border-width: 5px;
	border-style: ridge;
	border-color: #A0A0A0;
	width		: 90%;
}

.footer { padding-top:50px; clear:both; }